// 通过函数的方式调用组件
//导入删除确认框组件
//创建dom元素，虚拟节点的容器
//创建虚拟节点
//render函数渲染


import { createVNode, render } from 'vue'
import XtxConfirm from './xtx-confirm.vue'
//创建一个div元素
const div = document.createElement('div')
//给div元素加一个类，好辨别
div.setAttribute('class', 'xtx-confirm-container')
//添加到body中
document.body.appendChild(div)

export default ({title , text}) => {
    return new Promise ((resolve, reject) => {
        const submitCallback = () => {
            render(null, div)
            resolve()
        }

        const cancelCallback = () => {
            render(null, div)
            reject(new Error('点击取消'))
        }
        const vr = createVNode(XtxConfirm, {title, text, submitCallback, cancelCallback})
        render(vr, div)
    })

}